<!doctype html>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>${con.pagetitle}</title>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
    <meta name="format-detection" content="telphone=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <script type="text/javascript" src="//res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
    <script type="text/javascript" charset="utf-8" src="/ueditor.config.js"></script>
    <script type="text/javascript" charset="utf-8" src="/myjs/ueditor.all.min.js"> </script>
    <script type="text/javascript" charset="utf-8" src="/myjs/zh-cn.js"> </script>
    <script src='/myjs/mip-ueditor.min.js' charset="utf-8"></script>
    <jsp:include page="../comm/comm.jsp"/>
    <style type="text/css">
        body { min-width:320px;background:#fff; font:normal 18px/1.5 helvetica, 微软雅黑, verdana, san-serif;color:#333;}
        *{margin: 0;padding: 0;}
        .header {
            height: 45px;
            width: 100%;
            background-color: #f1130e;
            position: relative;
            line-height: 45px;
            text-align: center;
            color: white;
            font-size: 18px;
            letter-spacing: 2px
        }
        .fanhui{
            width: 17%;
            height: 100%;
            background: url(/images/fanhui.png) no-repeat;
            background-size: 55% 76%;
            background-position-y: 5px;
            float: left;
        }
        .qiandao{
            width: 100%;
            height: 228px;
            background-color: white;
            opacity: 0.4;
            box-shadow: 2px 2px 5px #f1130e;
        }
        i{
            font-style: normal;
            color: #f1130e;
        }
        .hd_heder{
            width: 330px;
            height: 166px;
            background-size: 100% 100%;
            margin: auto;
            margin-top: 5px;
        }
        .tj {
            margin-top: 34px;
            width: 100%;
        }
        .tj span{
            display: inline-block;
            width: 128px;
            height: 50px;
            font-size: 14px;
            text-align: center;
            line-height: 53px;
            padding-left: 13px;
            font-family: unset;
        }
        .dj{
            float: left;
            background-image: url(/images/dj.png);
            background-size: 100% 100%;
            margin-left: 27px;
        }
        .zf{
            float: right;
            background-image: url(/images/zf.png);
            background-size: 100% 100%;
            margin-right: 27px;
        }
        .dj_zf{
            width: 92px;
            height: 92px;
            background-image: url(/images/dj_zf.png);
            background-size: 100% 100%;
            position: absolute;
            top: 182px;
            right: -4px;
        }
        .zhezhao{
            width: 100%;
            height: 100%;
            background-color: black;
            position: fixed;
            top: 0;
            left: 0;
            opacity: 0.3;
        }
        .ts_end{
            width: 80%;
            height: 180px;
            background-color: white;
            position: fixed;
            top: 37%;
            left: 39px;
            z-index: 8888;
            border-radius: 6px;
        }
        .button{
            width: 120px;
            height: 33px;
            border: none;
            background-color: #e40001;
            color: white;
            border-radius: 20px;
            margin: 21px 79px;
            font-size: 16px;
            line-height: 16px;
            outline:none;
        }
    </style>
</head>
<body style="background-image: url(/images/hd_bj.jpg);background-size: 100%;">

<div class="header">
    <div class="fanhui"></div>
    <div id="" style="width: 80%;">${con.pagetitle}</div>
</div>

<div>

    <div class="hd_heder">
        <img src="/upload/${con.pictures}" width="100%" height="100%">
    </div>
    <div style="position: relative;">
        <div style="color: #f1130e;font-family: '楷体';font-size: 30px;font-weight: bold;text-align: center;">${con.title}</div>
        <div style="padding: 0px 27px;/*text-indent: 2em;color: #666666;font-size: 17px;overflow: scroll;*/">
            <mip-ueditor>
                ${con.content}
            </mip-ueditor>

        </div>
        <div class="tj">
            <span class="dj">点击量 : <i>${num}</i></span>
            <span class="zf">转发量 : <i class="zhnum">${share}</i></span>
        </div>
        <%--<div class="dj_zf"></div>--%>
    </div>

</div>
<div class="zhezhao" style="display: none"></div>
<div class="ts_end" style="display: none">
    <p style="margin: 26px;" id="dateString">截止${data.endDate}  <span style="color: #e40001;">活动已结束 !</span></p>
    <p style="color: #888888;margin-left: 77px;margin-top: -8px;font-size: 16px;" id="jqqd">敬请期待</p>
    <button class="button" onclick="closePage()">点击关闭</button>
</div>
<script type="text/javascript">
    isOver('${con.status}','${con.startDate}','${con.endDate}')
    //alert('${data.url}')
    wx.config({
        debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
        appId: '${data.appid}', // 必填，公众号的唯一标识
        timestamp: '${data.timestamp}' , // 必填，生成签名的时间戳
        nonceStr: '${data.noncestr}', // 必填，生成签名的随机串
        signature: '${data.wxConfig}',// 必填，签名
        jsApiList: ['updateAppMessageShareData','onMenuShareAppMessage'] // 必填，需要使用的JS接口列表
    });
    wx.error(function(res){
        // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。
        console.log(res);
    });
    // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
    wx.ready(function () {   //需在用户可能点击分享按钮前就先调用
        // wx.updateAppMessageShareData({
        //     title: '分享标题', // 分享标题
        //     desc: '分享描述', // 分享描述
        //     link: 'http://wx.sxbq998.cn/api/cyuser/xuan', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
        //     imgUrl: 'https://i04piccdn.sogoucdn.com/3f3c08ddfefc5942', // 分享图标
        // }, function(res) {
        //     //这里是回调函数
        //     console.log(res);
        //     alert(res);
        // });
        var  activityId=config.getQueryString("activityId");
        wx.onMenuShareAppMessage({
            title: '${con.title}', // 分享标题
            desc: '${con.content}', // 分享描述
            link: 'http://wx.sxbq998.cn/cyuser/xuan?activityId='+${activityId}, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
            type: 'link', // 分享类型,music、video或link，不填默认为link
            dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
            success: function () {
                // 用户点击了分享后执行的回调函数
                config.commPost("/cyuser/addZhuanfa?activityId="+activityId,{},function (data) {
                    //alert(data);
                    $(".zhnum").html(data);
                })
            }
        });
    });

</script>
</body>
</html>
